/*ShengShi*/
body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li,ol {margin: 0;padding: 0;}

em {font-weight: normal;font-style: normal;}
input,select,form,textarea,button {border: none;margin: 0;outline: none;padding: 0;-webkit-appearance: none;}

h1,h2,h3,h4,h5 {font-weight: normal;}

img {border: none;height: auto;max-width: 100%;vertical-align:middle;}

a {text-decoration: none;outline: none;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}

a:link,a:visited {color: #333;text-decoration: none;}
a:hover,a:active {color: #111f3f;text-decoration: none;}
* {font-family: 微软雅黑,"Microsoft YaHei";}
ul{padding-left:0;list-style-type:none}
li {list-style-type: none;}

.container{max-width: 1380px;width: 98%;margin:0 auto;position: relative;}
.left{float: left;}.right{float: right;}
.center{text-align:center !important;}
.header{background:#142A4F;position: relative;top: 0;z-index: 99999;width: 100%;}
body {      width: 100%;
            background: #f5f5f5;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 1rem;
            color: #333;
            margin: 0;
            padding: 0;
        }
@media screen and (max-width: 1600px) {html{font-size:15.5px;}}
@media screen and (max-width: 1440px) {html{font-size:15px;}}
@media screen and (max-width: 1200px) {html{font-size:14.5px;}}
@media screen and (max-width: 1000px) {html{font-size:14px;}}
@media screen and (max-width: 850px) {html{font-size:13.5px;}}

@media(max-width:768px){ html { font-size:15; } }
@media(max-width:640px){ html { font-size:15px; } }  
@media(max-width:540px){ html { font-size:15px; } }   
@media(max-width:480px){ html { font-size:15px; } }     
@media(max-width:445px){ html { font-size:15px; } }
@media(max-width:414px){ html { font-size:15px; } }   
@media(max-width:375px){ html { font-size:15px; } }     
@media(max-width:360px){ html { font-size:15px; } }
@media(max-width:320px){ html { font-size:12px; } }

.index_title{text-align:center;}
.index_title h2{font-size: 2.2rem;}
.index_title p{margin:1rem 0;}
.white{color: #fff;}
.xs768{display: none;}
.xss768{display: block;}

header{background: #fff;}
.head_top{display: table;width: 100%;}
.head_top .head_logo{width: 21%;}
.head_top .head_nav{width: 68%;}
.head_top .head_navul{display: table;width: 100%;}
.head_top .head_navul li{float: left;width: 17%;line-height: 4rem;text-align:right;}
.head_top .head_navul .head_tel{width:30%;}
.head_top .head_navul .head_tel b{color:#ec6c0f;font-size:1.3rem;}
.head_top .head_span{display: none;}

.index_ann{}
.index_ann span{display: block;cursor: pointer;width: 12%;height: 3rem;line-height: 3rem;margin: 0 auto;background: linear-gradient(90deg,rgba(47,170,255,1) 0%,rgba(25,128,255,1) 100%);text-align: center;color: #fff;border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #1a6ffe;}
.index_ann span:hover{border: 1px solid #1a6ffe;color: #1a6ffe;background: none;}

/*index_benefit*/
.index_benefit{background: #fff;padding: 2% 0;}
.index_benefitul{display: table;width: 96%;margin: 0 2%;}
.index_benefitul li{float: left;width: 13%;padding:2% 5%;text-align: center;box-shadow:0 0 1px #c4c4c4;margin:1%;position: relative;}
.index_benefitul .bj{display: none;position: absolute;width: 100%;height: 100%;background:rgb(26, 111, 254,0.8);top: 0;left: 0;}
.index_benefitul .bj span{background: #fff;color:#1a6ffe;padding: 0.5rem 1rem;margin-top: 32%;display: inline-block;width: 40%;cursor: pointer;border-radius: 0.2rem;font-weight: bold;}
.index_benefitul li:hover .bj{display: block;}
.index_benefitul li img{display: block;width: 60%;margin: 0 auto;}
.index_benefitul li strong{display: block;font-size:1.45rem;font-weight:normal;margin:0.5rem;}
.index_benefitul li p{font-size: 0.95rem;line-height: 1.4rem;}

/*index_domain*/
.index_domain{padding: 2% 0;}
.index_domainul{display: table;width: 100%;padding-top: 2%;}
.index_domainul li{float: left;width: 20%;margin: 0.5%;padding:4% 2%;}
.index_domainul .one{background:url(../images/domain_01.jpg) no-repeat;background-size: 100%;}
.index_domainul .two{background:url(../images/domain_02.jpg) no-repeat;background-size: 100%;}
.index_domainul .three{background:url(../images/domain_03.jpg) no-repeat;background-size: 100%;}
.index_domainul .four{background:url(../images/domain_04.jpg) no-repeat;background-size: 100%;}
.index_domainul .five{background:url(../images/domain_05.jpg) no-repeat;background-size: 100%;}
.index_domainul .six{background:url(../images/domain_06.jpg) no-repeat;background-size: 100%;}
.index_domainul .seven{background:url(../images/domain_07.jpg) no-repeat;background-size: 100%;}
.index_domainul .eight{background:url(../images/domain_08.jpg) no-repeat;background-size: 100%;}
.index_domainul li span{color: #fff;line-height: 1.4rem;height: 2.8rem;display: block;}

/*index_field*/
.index_field{padding: 2% 0;}
.index_fieldul{display: table;width:98%;padding: 1%;}
.index_fieldul li{float: left;width:19%;margin: 0.5%;position: relative;overflow: hidden;}
.index_fieldul .on{display: none;}
.index_fieldul li img{width: 100%;}
.index_fieldul li strong{color: #fff;font-size: 1.4rem;font-weight:normal;display: block;}
.index_fieldul li p{width: 60%;margin: 0 auto;color: #fff;padding: 4% 0;font-size: 0.95rem;}
.index_fieldul li .txt{position:absolute;text-align: center;width: 100%;height: 40%;}
.index_fieldul li:hover .txt{bottom: 0;}
.index_fieldul li span{background: #1a6ffe;color: #fff;padding: 0.4rem 2rem;border-radius: 0.2rem;display: inline-block;margin-top:5%;cursor: pointer;}
.index_fieldul li span:hover{background:#fe9f2a;}
.index_fieldul .two {text-align: center;position: absolute;top: 36%;z-index: 99999999;width: 100%;}

/*index_flow*/
.index_flow{padding:2% 0;background: #fff;}
.index_flowul{display: table;width: 100%;padding: 3% 0;}
.index_flowul li{float: left;width: 16.5%;text-align: center;}
.index_flowul li span{display: block;margin: 1rem 0;}

/*index_matter*/
.index_matter{padding: 2% 0;background: #fff;}
.index_matterul{display: table;width:100%;padding: 2% 0;}
.index_matterul li{float: left;width: 46%;margin:2%;}
.index_matterul li h3{float: left;font-weight: bold;}
.index_matterul li p{float: left;width: 90%;}
.index_matterul li i{float: left;width: 1.8rem;height: 1.8rem;margin-right:1.2rem;text-align: center;color: #fff;line-height: 1.8rem;font-style: normal;}
.index_matterul .ques{display: table;width: 100%;margin-bottom: 2%;}
.index_matterul .resu{display: table;width: 100%;}
.index_matterul .ques i{background: linear-gradient(45deg,rgba(47,170,255,1) 0%,rgba(76,76,255,1) 100%);}
.index_matterul .resu i{background: linear-gradient(45deg,rgba(247,205,110,1) 0%,rgba(255,143,44,1) 100%);}

/*index_apply*/
.index_apply{padding: 2% 0;background:url(../images/apply_bj.jpg) no-repeat;}
.index_applys{padding: 4%;}
.index_apply .index_applyul{display: table;width:100%;}
.index_apply .index_applyul .one{width: 32%;}
.index_apply .index_applyul .two{width: 18%;}
.index_apply .index_applyul .three{width: 25%;}
.index_apply .index_applyul .four{width: 25%;}
.index_apply .index_applyul li{float: left;text-align: center;}
.index_apply .index_applyul li input{line-height: 2.8rem;text-indent:1rem;width: 95%;font-size: 1rem;}
.index_apply .index_applyul li button{background: #fe9f2a;color: #fff;line-height: 2.8rem;text-align: center;width: 78%;font-size: 1rem;border-radius: 0.4rem;}

.index_notice{display: table;padding: 0 4%;}
.index_notices{float: left;margin-right: 10px;}
#index_newa {height: 1.48rem;color:#ec6c0f;float: left;}
/*index_colltion*/
.index_colltion{padding: 2% 0;}
.index_colltionul{display: table;width: 94%;padding: 1% 3%;}
.index_colltionul li{float: left;width: 19%;margin:0.5%;box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.04);position: relative;}
.index_colltionul .kb{position: absolute;top: 0;left: 0;/*! background:rgba(255,255,255,0.4); */width: 100%;height: 100%;display: block;}
.index_colltionul li:hover .kb{display: none;}
.index_colltionul li img{width: 100%;}


/*-----------------------------------------------------------------------------------------------------------*/

/*专精特新*/
.zindex_what{padding:2% 0;}
.zindex_whatul{display: table;width: 100%;}
.zindex_whatul li{float: left;width: 24%;margin: 0.5%;}
.zindex_whatul li .below{display: block;text-align: center;position: relative;}
.zindex_whatul li .above{width: 88%;margin: 0 auto;background: #fff;position: relative;margin-top: -30%;}
.zindex_whatul li .above strong{color: #fff;background:#ec6c0f;display: block;text-align: center;font-size: 1.4rem;line-height: 3.6rem;}
.zindex_whatul li .above p{padding: 8%;font-size: 0.95rem;line-height: 1.4rem;color: #666;}
/*zindex_benefit*/
.zindex_benefit{background: #fff;padding: 2% 0;}
.zindex_benefitul{display: table;width: 96%;margin: 0 2%;}
.zindex_benefitul li{float: left;width: 14%;padding:2%;text-align: center;box-shadow:0 0 1px #c4c4c4;margin:1%;position: relative;}
.zindex_benefitul .bj{display: none;position: absolute;width: 100%;height: 100%;background:rgb(236, 108, 15,0.8);top: 0;left: 0;}
.zindex_benefitul .bj span{background: #fff;color:#ec6c0f;padding: 0.5rem 1rem;margin-top: 32%;display: inline-block;width: 40%;cursor: pointer;border-radius: 0.2rem;font-weight: bold;}
.zindex_benefitul li:hover .bj{display: block;}
.zindex_benefitul li img{display: block;width: 60%;margin: 0 auto;}
.zindex_benefitul li strong{display: block;font-size:1.45rem;font-weight:normal;margin:0.5rem;}
.zindex_benefitul li p{font-size: 0.95rem;line-height: 1.4rem;}
/*zindex_flow*/
.zindex_flow{padding:2% 0;background: #fff;}
.zindex_flowul{display: table;width: 100%;padding: 2% 0;}
.zindex_flowul li{float: left;width: 16.66%;}
.zindex_flowul .one{text-align: center;width: 6rem;background: #ec6c0f;margin: 0 auto;border-radius: 50%;height: 6rem;}
.zindex_flowul .one i {color: #fff;border-radius: 50%;background:#e68f50;width: 5rem;display: block;height: 5rem;line-height: 5rem;margin: 0 auto;font-size: 1.4rem;font-weight: bold;}
.zindex_flowul .two{text-align: center;padding:1rem 0;border-top: 2px solid #ec6c0f;margin-top: 1rem;}
.zindex_flowul .two b{}
.zindex_flowul .two p{line-height: 1.6rem;}
/*zindex_ann*/
.zindex_ann{}
.zindex_ann span{display: block;cursor: pointer;width: 12%;height: 3rem;line-height: 3rem;margin: 0 auto;background: linear-gradient(90deg,rgb(223, 156, 108) 0%,rgb(236, 108, 15) 100%);text-align: center;color: #fff;border-radius: 4px;-webkit-border-radius: 4px;border:1px solid #ec6c0f;}
.zindex_ann span:hover{border: 1px solid #ec6c0f;color: #ec6c0f;background: none;}

/*zindex_domain*/
.zindex_domain{padding: 2% 0;}
.zindex_domainul{display: table;width: 100%;padding:2% 0;}
.zindex_domainul li{float: left;width: 20%;margin: 0.5%;padding:4% 2%;}
.zindex_domainul .one{background:url(../images/domain_01.jpg) no-repeat;background-size: 100%;}
.zindex_domainul .two{background:url(../images/domain_02.jpg) no-repeat;background-size: 100%;}
.zindex_domainul .three{background:url(../images/domain_03.jpg) no-repeat;background-size: 100%;}
.zindex_domainul .four{background:url(../images/domain_04.jpg) no-repeat;background-size: 100%;}
.zindex_domainul .five{background:url(../images/domain_05.jpg) no-repeat;background-size: 100%;}
.zindex_domainul .six{background:url(../images/domain_06.jpg) no-repeat;background-size: 100%;}
.zindex_domainul .seven{background:url(../images/domain_07.jpg) no-repeat;background-size: 100%;}
.zindex_domainul .eight{background:url(../images/domain_08.jpg) no-repeat;background-size: 100%;}
.zindex_domainul li span{color: #fff;line-height: 1.4rem;height: 2.8rem;display: block;}

/*-----------------------------------------------------------------------------------------------------------*/
/*商标注册*/


.banner_box{position: relative;}
.brand_ban{position: absolute;top: 16%;z-index: 9999;width: 100%;}
.brand_bantxt{text-align: center;padding: 1rem 0;}
.brand_bantxt strong{font-size: 3rem;color: #fff;letter-spacing: 0.6rem;}
.brand_bantxt p{color: #fff;padding: 1rem 0;}
.brand_baninput{width: 55%;margin: 0 auto;background: #000;}
.brand_banul{display: table;width: 100%;}
.brand_banul li{float: left;width: 100%;padding: 2%;}
.brand_banul .one{width: 75%;background: #fff;}
.brand_banul .one input{width: 100%;font-size:1.01rem;}
.brand_banul .two{width: 17%;background: #ec6c0f;}
.brand_banul .two button{width: 100%;background: #ec6c0f;font-size: 1rem;color: #fff;}
.brand_navul{display: table;width: 90%;margin:0 auto;}
.brand_navul li{float: left;width: 20%;background: #fff;padding: 1.5%;margin: 1%;box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.24);cursor: pointer;}
.brand_navul li:hover{background: #ec8f4b;color:#fff;}
.brand_navul li a{display:block;}
.brand_navul li img{max-width: 32%;margin-right: 20%;}
.brand_navul li strong{font-size: 1.2rem;}

.brand_regist{padding:2% 0;}
.brand_registul{display:table;width:96%;margin: 0 auto;}
.brand_registul li{float: left;width: 30.33%;margin:1.5%;background: #fff;box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.14);-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:relative;top:0;overflow:hidden;}
.brand_registul li:hover{-moz-box-shadow:0 3px 10px rgba(0,0,0,.2);-webkit-box-shadow:0 3px 10px rgba(0,0,0,.2);box-shadow:0 3px 10px rgba(0,0,0,.2);top:-5px}
.brand_registul .tit{background: url(../images/brand_regist01.png) no-repeat center center;padding: 5%;background-size:100%;}
.brand_registul .tit h3{font-weight: bold;font-size: 1.4rem;margin-bottom:0.5rem;}
.brand_registul .tit h3 i{background: #ff651a;color: #fff;border-radius: 0.2rem;font-size: 0.85rem;padding: 0.12rem 0.4rem;margin-left: 1rem;font-style: normal;}
.brand_registul .tit p{font-size: 0.9rem;line-height: 1.4rem;}
.brand_registul li:hover .tit{background: url(../images/brand_regist02.png) no-repeat center center;background-size:100%;}
.brand_registul li:hover .tit h3{color: #fff;}
.brand_registul li:hover .tit p{color: #e3e3e3;}
.brand_registul .txt{padding: 5%;}
.brand_registul .txt p {background: url(../images/brand_regist03.png) no-repeat bottom left;background-size: 1rem;padding-left: 1.5rem;line-height: 1rem;margin: 1rem 0;}
.brand_registul .pie{padding: 0 5%;}
.brand_registul .pie p{color: #666;}
.brand_registul .pie b{color: #ec6c0f;font-size: 1.6rem;}
.brand_registul .pie span{color: #ec6c0f;}
.brand_registul .pie i {background: #ff651a;color: #fff;border-radius: 0.2rem;font-size: 0.8rem;padding: 0.12rem 0.4rem;margin-left: 1rem;}
.brand_registul .ann{padding:5%;}
.brand_registul .ann span{border-radius: 0.2rem;padding: 0.5rem 1.5rem;width: 21%;text-align: center;display: inline-block;border: 1px solid #ec6c0f;}
.brand_registul .ann .one {background: #ec6c0f;color: #fff;margin-right: 1rem;}
.brand_registul .ann .two{color: #ec6c0f;}

.brand_divideul{display: table;width:80%;margin:0 10%;}
.brand_divideul li {float: left;width: 13%;text-align: center;color: #666;margin: 0.5%;border-radius: 0.2rem;line-height: 1.6rem;font-size: 0.95rem;background: #fff;padding:1% 1.33%;box-shadow:0 0 0.1rem rgba(0, 0, 0, 0.1);}

.brand_expert{margin: 2% 0;}
.brand_expertbox{display: table;width:90%;margin: 0 5%;}
.brand_expertul{float: left;width: 70%;}
.brand_expertul li{float:left;width:31.33%;margin: 1%;position:relative;}
.brand_expertul li img{width:100%;}
.brand_expertul li span{position: absolute;bottom: 0;width: 92%;left: 0;color: #fff;background: rgb(0, 0, 0,0.5);padding: 4%;text-align: center;}
.brand_consult{float: right;width: 24%;padding:2% 3%;background: url(../images/brand_consult.jpg) no-repeat;background-size: 100% ;margin: 1% 0;}
.brand_consult strong{color: #fff;font-size: 1.2rem;}
.brand_consult li{}
.brand_consult .one{margin: 1rem 0;}
.brand_consult .two{margin: 1rem 0;}
.brand_consult .three{text-align: center;}
.brand_consult input{width:92%;font-size: 0.95rem;padding: 4%;border-radius:0.2rem;}
.brand_consult textarea{width:92%;resize: none;font-size: 0.95rem;padding: 4%;line-height: 1.4rem;border-radius:0.2rem; }
.brand_consult button {background: #ffc981;color: #9b5800;width: 100%;font-weight: bold;line-height: 2.4rem;font-size: 1rem;border-radius: 0.2rem;}
.brand_consultd{color: #fff;margin-top:1rem;}
.brand_consultd b{font-size:1.4rem;}
.brand_consultd p{font-size: 0.95rem;}

.brand_flow{}
.brand_flowul{display: table;width:96%;padding:2%;}
.brand_flowul li{float: left;text-align: center;}
.brand_flowul .no{width: 13.6%;padding: 2%;background: #fff;box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.1);}
.brand_flowul .no i{display: none;}
.brand_flowul .off{background:url("../images/brand_flowul01.png") no-repeat center;width: 3%;height:11rem;}
.brand_flowul li b{font-size: 1.2rem;}
.brand_flowul li p{padding: 0.8rem 0;color:#666;}
.brand_flowul li span{
    border: solid 1px #ec6c0f;
    color: #ec6c0f;
    padding: 0.2rem 1rem;
    display: table;
    margin: 0 auto;
    border-radius: 0.3rem;
}

.brand_merit{margin: 2% 0;}
.brand_meritul{display: table;width: 88%;margin: 0 6%;}
.brand_meritul li{float: left;width: 19%;box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.14);padding: 2%;margin: 1%;text-align: center;background: #fff;}
.brand_meritul li img{width: 30%;}
.brand_meritul li strong{font-size: 1.6rem;display: block;margin:1rem 0;}
.brand_meritul li p{color: #666;}

.brand_more{}
.brand_morebox{display:table;width: 90%;margin: 0 5%;}
.brand_morebox .line{height: 2px;width: 20%;background: #fff;margin: 0.5rem 0;}
.brand_moreul{float: left;width: 25%;background: url(../images/brand_meritul.png) no-repeat center center;background-size:100%;color: #fff;height: 25rem;}
.brand_moreul li{padding: 8%;}
.brand_moreul li strong{font-size: 1.3rem;}
.brand_moreul li p{font-size: 0.95rem;}
.brand_moreul .on{background: rgba(250, 250, 250, 0.2);}

.brand_morediv{float: right;width: 75%;}
.brand_morediv ul{display: none;}
.brand_morediv .on{display: block;}
.brand_morediv li {float: left;width: 27.33%;padding: 3%;box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.14);background: #fff;}
.brand_morediv li h3{}
.brand_morediv li p{font-size: 0.9rem;color: #666;margin: 0.8rem 0;height:4.5rem;}
.brand_morediv li span {color: #ec6c0f;border: 1px solid #ec6c0f;padding: 0.4rem 1.5rem;border-radius: 2rem;font-size: 1rem;}
.brand_morediv li:hover span{}

.brand_news{}
.brand_newsbox{display:inline-block;width: 96%;margin: 0 2%;}
.brand_newsul{float: left;width: 31.33%;margin: 1%;box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.14);background: #fff;}
.brand_newsul li{padding: 0 4%;}
.brand_newsul .on{background: url(../images/brand_newstit01.jpg) no-repeat;padding: 4%;}
.brand_newsul .on a{color: #fff;display: table;width: 100%;border-bottom: 1px solid #b7b7b7;line-height: 2rem;}
.brand_newsul h3{font-weight: bold;float: left;font-size: 1.3rem;}
.brand_newsul span{float: right;font-size: 0.9rem;margin-top: 0.5rem;}
.brand_newsul h4{margin: 1rem 0;color: #666;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*-----------------------------------------------------------------------------------------------------------*/
/*index_fz*/
.index_fz{padding: 2% 0;background: #fff;}
.index_fzs{padding: 0 2%;}
.index_fzul{display:table;width:100%;margin:1rem 0;}
.index_fzul li{float:left;margin:0 0.6%;}
/*footer*/
.footer{background: #202633;}
.footer_top{display: table;width: 100%;padding: 2% 0;border-bottom: 1px solid rgba(255, 255, 255, .1);border-top: 1px solid rgba(255, 255, 255, .1);}
.footer_top li{color: #fff;float:left;width: 20%;vertical-align:middle;text-align:center;display: inline-block;}

.footer_box{display: table;width:100%;padding:1% 0;border-bottom: 1px solid rgba(255, 255, 255, .1);}
.footer_box .one{float: left;width: 20%;padding: 0 2%;}
.footer_box .one h2{margin-bottom:0.5rem;font-weight: bold;font-size: 1.24rem;}
.footer_box .one h2 a{color: #fff;}
.footer_box .one h3{}
.footer_box .one h4 a{color: #ddd;font-size: 1rem;line-height: 2rem;}
.footer_box .two{color: #ddd;float: left;width: 34%;padding:0 2%;}
.footer_box .two h2{margin-bottom: 0.5rem;font-size:1.24rem;font-weight: bold;color: #fff;}
.footer_box .two p{line-height: 2rem;}
.footer_box .two p span{font-size: 1.4rem;color: #ec6c0f;font-weight: bold;}
.footer_box .two p a{color: #fff;}
.footer_box .three{color: #fff;float: left;width:10%;padding: 2% 1%;text-align: center;}
.footer_box .three p{margin-bottom:1rem;}
.footer_box .three span{display: block;}
.footer_box .three img{width: 88%;}
.footer_box .four{color: #ddd;float: left;width:8%;padding:0 2%;border-right: 1px solid rgba(255, 255, 255, .1);}
.footer_box  strong{margin-bottom: 0.5rem;font-size: 1.24rem;font-weight: bold;color: #fff;display: block;}
.footer_box .four p a{color: #ddd;font-size: 1rem;line-height: 2rem;}

.footer_copyright{display: table;width: 100%;padding: 1% 0;color: #ddd;font-size:0.9rem;}
.footer_copyright a{color: #ddd;}





.banner_box{height: 26rem;background: linear-gradient(45deg,#181937,#232846);}


.canvas{width: 100%; height: 100%; position: absolute;}

@media screen and (max-width: 768px) {
.xs768{display: block;}
.xss768{display: none;}

.banner_box{height: 12rem;}
.canvas{display: none;}
.brand_ban{top: 8%;}


.index_benefitul li{width: 38%;}
.index_benefitul li img{display: none;}

.index_fieldul li{width: 49%;}
.index_fieldul .two{top:28%;}
.index_fieldul li .txt{display: none;}
.index_fieldul .on{display:block;}

.index_flowul li{width: 28.5%;padding: 0 2%;}
.index_flowul li img{width: 80%;}
.index_ann span{width: 38%;}

.index_domainul li{width: 45%;padding: 8% 2%;}

.index_matterul li{width: 96%;}
.index_matterul .resu{display: none;}
.index_matterul li h3{font-weight:normal;}

.index_apply .index_applyul .one,.index_apply .index_applyul .two,.index_apply .index_applyul .three,.index_apply .index_applyul .four{width: 100%;}
.index_apply .index_applyul li button{width: 60%;}
.index_apply .index_applyul li{margin-bottom:4%;}

.index_notices{display: none;}
#index_newa span{display: none;}

.index_colltionul{width: 98%;padding: 1%;}
.index_colltionul li{width: 32%;}
.index_colltionul .on{display: none;}

.footer .on{display: none;}
.footer_box .two{width: 92%;padding: 4%;}

.footer_copyright{text-align: center;padding: 2% 0;}
.footer_copyright .left{width: 100%;}
.footer_copyright .left a{display: block;}
.footer_copyright .right{display: none;}

.head_top{padding: 1% 0;}
.head_top .head_logo{width: 50%;}
#head_ul{display: none;}
.head_top .head_span{display: block;}
.head_top .head_nav{width: 10%;}
.head_top .head_navul{
    width:12rem;
    background: #fff;
    text-align: center;
    position: absolute;
    top: 3.2rem;
    right: 1rem;
    padding: 0.1rem 0;
    border-radius: 5px;
    z-index: 999999;
    -webkit-box-shadow: #8d8e99 0 0 5px;
    -moz-box-shadow: #8d8e99 0 0 5px;
    box-shadow: #8d8e99 0 0 5px;
    display: none;padding: 2% 0;
}
.head_top .head_navul li{width: 100%;text-align:center;}
.head_top .head_navul li a {
    color: #333;
    font-size:1.26rem;
    line-height: 1;
    display: block;
    padding: 1rem 0;
}
.index_title h2{font-size:1.8rem;}


/*-----------------------------------------------------------------------------------------------------------*/

/*专精特新*/

.zindex_ann span{width: 38%;}

.zindex_whatul li{width: 49%;}
.zindex_whatul li .above{width: 92%;}

.zindex_benefitul li{width: 27%;}
.zindex_benefitul li strong{font-size: 1.25rem;}

.zindex_flowul li{width: 33.33%;}

.zindex_domainul li{width: 45%;padding: 8% 2%;}

/*商标注册*/
.brand_bantxt strong{font-size: 1.6rem;letter-spacing:0.2rem;}
.brand_bantxt p{padding: 0.2rem 0;}
.brand_baninput{width: 90%;}
.brand_banul .one{width: 72%;}
.brand_banul .two{width: 20%;}
.brand_navul{width: 98%;}
.brand_navul li{width: 40%;padding: 4%;}
.brand_navul li img{margin-right:15%; }
.brand_registul li{width: 97%;}
.brand_expertbox{width: 100%;margin: 0;}
.brand_expertul{width: 100%;}
.brand_consult{width: 94%;}
.brand_meritul{width: 96%;margin: 0 2%;}
.brand_meritul li{width: 40%;padding: 4%;}
.brand_morediv li p{display:none;}
.brand_morediv li span{display: none;}
.brand_newsul{width: 98%;}
.brand_morebox{width: 100%;margin:0;}
.brand_moreul{width: 100%;height:auto;}
.brand_moreul li{width:42%;padding: 4%;float: left;}
.brand_morediv{width: 100%;}
.brand_morediv li{width: 42%;padding: 4%;}
.brand_flowul{width: 100%;padding: 0;}
.brand_flowul .no{width: 42%;padding: 3%;margin: 1%;}
.brand_flowul .no i{display:inline-block;}
.brand_flowul .off{display: none;}

}